<template>
    <div class="banner__wrapper">
        <!-- banner content -->
        <div class="banner__content banner__content--style1" data-aos="zoom-in" data-aos-duration="1000">
            <h1 class="title-font1">Best Kindergarten For Your Children</h1>
            <div class="btn-group justify-content-center">
                <nuxt-link to="/signup" class="trk-btn trk-btn--rounded trk-btn--primary4">Get Started
                    <span><i class="fa-solid fa-arrow-right"></i></span> </nuxt-link>
                <nuxt-link to="/signin" class="trk-btn trk-btn--rounded trk-btn--defult">Enroll Now <span><i
                            class="fa-solid fa-arrow-right"></i></span></nuxt-link>
            </div>
        </div>

        <!-- banner images -->
        <div class="banner-image">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-4">
                    <div class="banner-image__item" data-aos="fade-right" data-aos-duration="1000">
                        <div class="banner-image__item-inner ">
                            <img src="/images/banner/4.png" alt="banner-image-banner">
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-4">
                    <div class="banner-image__item" data-aos="fade-up" data-aos-duration="1000">
                        <div class="banner-image__item-inner banner-image__item-inner--style2">
                            <img src="/images/banner/5.png" alt="banner-image-banner">
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-4">
                    <div class="banner-image__item" data-aos="fade-left" data-aos-duration="1000">
                        <div class="banner-image__item-inner">
                            <img src="/images/banner/6.png" alt="banner-image-banner">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>